<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车</title>
    <link rel="shortcut icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon"> 
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./css/cart.css" />
    <script src="./js/jquery.min.js"></script>
    <script src="./js/cookie.min.js"></script>
    <script src="./js/cart.js"></script>
  </head>
  <body>
    <header>
      <div class="head cantainer">
        <div class="right">
          <a href="#"
            ><img
              src="https://s02.mifile.cn/assets/static/image/logo-footer.png"
              alt=""
          /></a>
          <span>我的购物车</span>
        </div>
        <div class="left">
          <a href="#">登录</a>|
          <a href="#">注册</a>
        </div>
      </div>
    </header>
    <section class="cart">
      <div class="shopcart cantainer">
        <!-- 购物车位置 -->
        <table>
          <thead>
            <tr>
              <td><input type="checkbox" class="checkall" checked />全选</td>
              <td>商品Id</td>
              <td>商品名称</td>
              <td>单价</td>
              <td>数量</td>
              <td>小计</td>
              <td>操作</td>
            </tr>
          </thead>
          <tbody>
            <!--    <tr>
                        <td><input type="checkbox" class="checked"></td>
                        <td><img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1496833357.9528722.jpg?thumb=1&w=80&h=80" alt="">手机USB micro 数据线 白色</td>
                        <td>9.9元</td>
                        <td><div><a class="les">-</a><input type="text" value="1"><a class="add">+</a></div></td>
                        <td><i class="small">9.9</i>元</td>
                        <td class="deletemsg">x</td>
                    </tr> -->
          </tbody>
        </table>
        <div class="allprice">
          <span>共 <i>0</i> 件商品，已选择<i>0</i>件</span>
          <div><strong>合计:<i>0</i>元</strong><button>去结算</button></div>
        </div>
      </div>
    </section>
    <footer>
      <div class="Footer">
        <div class="footer cantainer">
          <div class="ulbox">
            <ul>
              <li class="yaxis">
                <i class="iconfont icon-shouhoufuwu"></i>预约维修服务
              </li>
              <li class="yaxis">
                <i class="iconfont icon-7tianwuliyoutuihuo"></i>七天无理由退货
              </li>
              <li class="yaxis">
                <i class="iconfont icon-tianwuliyoutuihuo"></i>15天免费换货
              </li>
              <li class="yaxis">
                <i class="iconfont icon-manzeng"></i>满99元包邮
              </li>
              <li><i class="iconfont icon-wangdian"></i>520余家售后网点</li>
            </ul>
          </div>
          <div class="dlbox">
            <div>
              <dl>
                <dt>帮助中心</dt>
                <dd>账户管理</dd>
                <dd>购物指南</dd>
                <dd>订单操作</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>服务支持</dt>
                <dd>售后政策</dd>
                <dd>自助服务</dd>
                <dd>相关下载</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>线下门店</dt>
                <dd>小米之家</dd>
                <dd>服务网点</dd>
                <dd>授权体验店</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>关于小米</dt>
                <dd>了解小米</dd>
                <dd>加入小米</dd>
                <dd>投资者关系</dd>
                <dd>企业社会责任</dd>
                <dd>廉洁举报</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>关注我们</dt>
                <dd>新浪微博</dd>
                <dd>官方微信</dd>
                <dd>联系我们</dd>
                <dd>公益基金会</dd>
              </dl>
            </div>
            <div>
              <dl>
                <dt>特色服务</dt>
                <dd>F 码通道</dd>
                <dd>礼物码</dd>
                <dd>防伪查询</dd>
              </dl>
            </div>
            <div class="cantact">
              <p>400-100-5678</p>
              <p>8:00-18:00（仅收市话费）</p>
              <a href="#"><i class="iconfont icon-svg-"></i>人工客服</a>
              <div>
                关注小米: <i class="iconfont icon-xinlang-copy"></i
                ><i class="iconfont icon-weixin1"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="Info">
        <div class="info cantainer">
          <div class="ilayout">
            <div class="sign">
              <img
                src="https://s02.mifile.cn/assets/static/image/logo-footer.png"
                alt=""
              />
            </div>
            <p>
              <a href="#">小米商城 | </a>
              <a href="#">MIUI |</a>
              <a href="#"> 米家 | </a>
              <a href="#">米聊 |</a>
              <a href="#"> 多看 |</a>
              <a href="#"> 游戏 | </a>
              <a href="#">政企服务 |</a>
              <a href="#"> 小米天猫店 |</a>
              <a href="#"> 小米集团隐私政策 |</a>
              <a href="#"> 小米公司儿童信息保护规则 |</a>
              <a href="#"> 小米商城隐私政策 |</a>
              <a href="#"> 小米商城用户协议 | </a>
              <a href="#">问题反馈 |</a>
              <a href="#"> Select Location</a>
            </p>
            <p>
              <a href="#">北京互联网法院法律服务工作站 |</a>
              <a href="#">中国消费者协会 |</a>
              <a href="#">北京市消费者协会</a>
            </p>
            <p>
              © mi.com 京ICP证110507号 京ICP备10046444号
              京公网安备11010802020134号 京网文[2020]0276-042号<br />
              京）网械平台备字（2018）第00005号 互联网药品信息服务资格证
              (京)-非经营性-2014-0090 营业执照 医疗器械质量公告<br />
              增值电信业务许可证 网络食品经营备案 京食药网食备202010048
              食品经营许可证<br />
              违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉
              本网站所列数据，除特殊说明，所有数据均出自我司实验室测试<br />
            </p>
          </div>
          <!-- <div></div> -->
          <div class="ir">探索黑科技，小米为发烧而生</div>
        </div>
      </div>
    </footer>
    <div class="canve"></div>
    <div class="apply">
      <div class="top">请扫码支付<button>x</button></div>
      <div class="content">
        <img src="./img/applypic.png" alt="" />
      </div>
    </div>
  </body>
</html>
